@charset "utf-8";
@import "../css/main.less";
@media all and (max-width: 1366px){
  div,img{
    .margin_Remove;
    .padding_Remove;

  }

  .a_removeStyle;
  ul{
    .ul_BaseStyle;
  }

  body{
    background-color:@bodyColor;
  }
  //主体部分
  .interact_zhuti{
    width:900px;
    .margin_Auto;
    margin-top: 70px;
    z-index: -9999;
  }
  // <!--中间内容动态-->
  .interact_zhongjian{
    width:470px;
    .margin_left(8px);
    .margin_right(15px);
    //height: 439px;
    //background-color:white;
    float: left;
    padding-top: 35px;
    .radius(10px);
    .margin_bottom(30px);
    padding-bottom: 20px;
    z-index: -9999;

  }
  //评价输入框
  .input_text {
    .size(440px, 20px);
    .radius(4px);
    .border();
  }

  //用户评论
  .user_pingluo{
    clear: right;
    .border_top(@handleColor,1px);
    .margin_All(30px,10px,0px,10px);

  }
  //加载更多按钮
  .jiazai{
    .radius(4px);
    .btn_default(fill,100px,30px);
    position: relative;
    top: -20px;
  }

  //回复
  .huifu{
    height:120px;
    clear: left;
    position: relative;
    left: 30px;
    top: 10px;
    .margin_bottom(40px);
  }
  //评价的外边框
  .textarea_pingjia{
    .margin_All(15px,10px,0px,10px);
    clear: right;
    //.border();
  }

  .pinglon_anniu{
    margin-right: -6px;
  }

  .pinglon_buttou{
    .btn_default(fill,100px,30px);
    .margin_All(10px,0px,5px,0px);
    float: right;
    margin-left: 3px;
  }
  .interact_tu2 img{
    width: 5%;
    height: 50%;
    margin-left: 5px;


  }
  .interact_nicheng{
    font-size: 12px;
    margin-left: 30px;
    margin-top: -35px;
  }
  .interact_nei2{
    font-size: 12px;
    margin-left: 30px;
    margin-top: -10px;
  }
  //评论回复
.interact_huifu_1{
  font-size: 12px;
  .padding_All(0px,30px,0px,0px);
  float: left;
}

.huifu11{
  .margin_right(40px);
}

  .interact_shi2{
    font-size: 12px;
    float: left;
    position: relative;
    top: 3px;
    left: 30px;
    color:#999999;

  }

  .interact_shijian{
    font-size: 12px;
    float: left;
    position: relative;
    top:4px;
    left: 0px;
    color:#999999;
  }
  //点赞，评论操作
  .interact_caozuo{
    float: right;
    .margin_right(25px);
    margin-top: 5px;
    img{
      float: left;
    }
    span{
      display: block;
      .size(50px,16px);
      font-size: 12px;
      float: left;
    }
  }


  // <!--右边部分-->
  .interact_you{
    .size(230px,auto);
    background-color:white;
    float: left;
    //margin-left: -1px;
    .shadow(4px,#CADBE9);
    //边框圆角
    .radius(10px);

  }
  //中间部分的内容
  .interact_zhongyi{
    width: 478px;
    .padding_bottom(30px);
    background-color:white;
    .margin_Auto;
    .margin_top(-30px);

    position: relative;
    .shadow_opacity(4px,#CADBE9,1);
    .radius(5px);
    z-index: -9999;
  }

  .interact_zhongyi4{
    width: 478px;
    .padding_bottom(30px);
    background-color:white;
    .margin_Auto;
    .margin_top(5px);

    position: relative;
    .shadow_opacity(4px,#CADBE9,1);
    .radius(5px);
  }

  .interact_zhongyi3{
    width: 478px;
    .padding_bottom(30px);
    background-color:white;
    .margin_Auto;
    .margin_top(-35px);
    z-index: -9999;

    //position: relative;
    .shadow_opacity(4px,#CADBE9,1);
    .radius(5px);
  }


  .interact_tu{
    margin-left: 5px;
    padding-top: 8px;
    img{width: 8%;}
  }
  .interact_da{
    font-size: 12px;
    margin-left: 3.2rem;
    position: absolute;
    top: 75px;
  }

  .interact_da1{
    font-size: 12px;
    margin-left: 3.2rem;
    position: absolute;
    top: 5px;
  }


  .interact_shi{
    font-size: 12px;
    float: right;
    position: relative;
    right: 17px;
    top: 15px;
  }
  .interact_nei{
    font-size: 12px;
    //float: inside;
    margin-left: 3.2rem;
    width: 425px;
  }
  .interact_tu1{
    margin-left: 6rem;
  }
  .interact_tu1 img{
    width: 70%;
    height: 30%;
    margin-top: 1rem;
  }
  //左侧导航
  .left_side{
    .radius(10px);
    width:160px;
    height: 439px;
    float: left;
    .shadow_opacity(4px,#CADBE9,2);
    background-color: white;
    a{
      text-decoration: none;
    }
  }

  //左侧动态
  .dynamic{
    .size(100px,20px);
    .margin_top(20px);
    .margin_left(20px);
    .border_left(@font_blue,3px);
    .padding_left(10px);
    a{
      color: #000;
    }
  }
  //默认动态
  .default_dynamic{
    background-color: #00aaff;
    .radius(4px);
    .size(110px,32px);
    line-height: 30px;

    a{
      color: white;
    }
  }
  //立即报名按钮外层盒子
  .Immediately_button{
    .margin_left(100px);
  }
  //立即报名按钮
  .Immediately_sign_up{
    .btn_submit(fill,100px,35px);
  }
  //设置盒子的底部边框
  .interact_you_buttoxian{
    .border_bottom(@handleColor,1px);
    .margin_All(10px,10px,10px,10px);
    .padding_bottom(20px);
  }
  //最新、最热外层盒子
  .laber_div{
    .margin_All(15px,5px,5px,5px);
    .size(auto,40px);
  }
  //最新、最热（排序标签）
  .laber{
    .radius(4px);
    .size(60px,30px);
    background-color: red;
    float: left;
    text-align: center;
    line-height: 30px;
    background-color:#F8F8F8;
    .border(#DCDCDC,1px);
    .margin_All(0px,10px,10px,0px);
    a{
      text-decoration: none;
      color:#65BE4E;
    }
  }
  //幸福标签外层盒子
  .Xingfu_div{
    .margin_All(5px,5px,5px,5px);
    .padding_bottom(50px);
    .size(auto,75px);
  }
  //幸福标签标题
  .Xingfi_tit{
    color:#000000;
  }
  //幸福标签内容
  .Xingfu_laber{
    div{
      .radius(15px);
      .size(67px,30px);
      line-height:30px;
      float: left;
      .margin_All(10px,4px,0px,0px);
      text-align: center;
      .border(#DCDCDC,1px);
    }
    a{
      text-decoration: none;
      color:#65BE4E;
    }
  }
  //幸福标签
  .Xingfu_hov:hover{
    .hover_default(#F8F8F8,#65BE4E);
  }
}